<template>
    <div>
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>
                    <i class="el-icon-lx-goods"></i> 游戏管理
                </el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="container">
            <div class="handle-box" style="margin-bottom:50px">
                <el-col :span="6">
                    <!--<el-button-->
                        <!--type="danger"-->
                        <!--icon="el-icon-delete"-->
                        <!--class="handle-del mr10"-->
                        <!--@click="delAllSelection"-->
                    <!--&gt;批量删除</el-button>-->
                    <el-button
                        type="primary"
                        icon="el-icon-circle-plus-outline"
                        class="handle-del mr10"
                        @click="handleAdd"
                    >添加游戏</el-button>
                </el-col>
                <el-col :span="12">
                    <el-select v-model="query.sort" placeholder="排序" class="handle-select mr10">
                        <el-option key="1" label="正序" value="1"></el-option>
                        <el-option key="2" label="倒序" value="2"></el-option>
                    </el-select>
                    <el-select v-model="query.status" placeholder="状态" class="handle-select mr10">
                        <el-option label="全部" value></el-option>
                        <el-option key="1" label="正常" value="1"></el-option>
                        <el-option key="2" label="禁用" value="2"></el-option>
                    </el-select>
                    <el-input v-model="query.name" placeholder="游戏名称" class="handle-input mr10"></el-input>
                    <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
                </el-col>
            </div>
            <el-table
                :data="tableData"
                border
                class="table"
                v-loading="loading"
                ref="multipleTable"
                header-cell-class-name="table-header"
                @selection-change="handleSelectionChange"
            >
                <el-table-column type="selection" width="55" align="center"></el-table-column>
                <el-table-column prop="id" label="ID" width="70" sortable align="center"></el-table-column>
                <!--el-table-column label="类型">
                    <template
                        slot-scope="scope"
                    >{{scope.row.type==1?'正常显示':(scope.row.type==2?'跳转网址':'打开游戏')}}</template>
                </el-table-column-->
                <el-table-column prop="name" label="名称"></el-table-column>
                <el-table-column prop="package_name" label="安卓包名"></el-table-column>
                <el-table-column label="排序" prop="sort" sortable="custom"></el-table-column>
                <el-table-column label="图片(查看大图)" align="center">
                    <template slot-scope="scope">
                        <el-image
                            class="table-td-thumb"
                            :src="scope.row.img_url"
                            :preview-src-list="[scope.row.img_url]"
                        ></el-image>
                    </template>
                </el-table-column>
                <el-table-column label="状态" sortable align="center">
                    <template slot-scope="scope">
                        <el-tag
                            :type="scope.row.status==1?'success':'danger'"
                        >{{scope.row.status==1?'正常':'禁用'}}</el-tag>
                    </template>
                </el-table-column>

                <el-table-column prop="updated_at" sortable label="修改时间"></el-table-column>
                <el-table-column prop="created_at" sortable label="添加时间"></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                    <template slot-scope="scope">
                        <el-button
                            type="text"
                            icon="el-icon-edit"
                            @click="handleEdit(scope.$index, scope.row)"
                        >编辑</el-button>
                        <!--<el-button-->
                            <!--type="text"-->
                            <!--icon="el-icon-delete"-->
                            <!--class="red"-->
                            <!--@click="handleDelete(scope.$index, scope.row)"-->
                        <!--&gt;删除</el-button>-->
                        <el-button
                                type="text"
                                icon="el-icon-edit"
                                @click="handleGame(scope.$index, scope.row)"
                        >属性</el-button>
                        <!--<el-button-->
                                <!--type="text"-->
                                <!--icon="el-icon-edit"-->
                                <!--@click="handleDailian(scope.$index, scope.row)"-->
                        <!--&gt;代练配置</el-button>-->
                    </template>
                </el-table-column>
            </el-table>
            <div class="pagination">
                <el-pagination
                    background
                    layout="total, prev, pager, next"
                    :current-page="query.page"
                    :page-size="query.pageSize"
                    :total="pageTotal"
                    @current-change="handlePageChange"
                ></el-pagination>
            </div>
        </div>

        <!-- 添加弹出框 -->
        <el-dialog title="添加游戏" v-dialogDrag :visible.sync="addVisible" width="45%">
            <el-form ref="edit" :model="add" label-width="90px">
                <el-form-item label="名称" class="form-item">
                    <el-input v-model="add.name" maxlength="30" minlength="2" placeholder="请输入名称"></el-input>
                </el-form-item>
                <el-form-item label="安卓包名" class="form-item">
                    <el-input v-model="add.package_name" maxlength="30" minlength="2" placeholder="请输入安卓包名"></el-input>
                </el-form-item>

                <el-form-item label="状态">
                    <el-select v-model="add.status" placeholder="请选择状态">
                        <el-option label="正常" value="1"></el-option>
                        <el-option label="禁用" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="排序" class="form-item">
                    <el-input
                        v-model="add.sort"
                        maxlength="30"
                        type="number"
                        minlength="2"
                        placeholder="请输入排序"
                    ></el-input>
                    <p style="color: red;font-size: 13px">注：越小越靠前</p>

                </el-form-item>
                <el-form-item label="上传图片">
                    <el-upload
                        class="upload-demo"
                        ref="addUploads"
                        drag
                        :limit="1"
                        :auto-upload="true"
                        show-file-list
                        accept="image/*"
                        :on-success="uploadSuccess"
                        :on-error="uploadError"
                        :on-preview="uploadPreview"
                        :before-upload="beforeAvatarUpload"
                        :action="api.upload_img_url"
                        list-type="picture"
                        :on-exceed="uploadExceed"
                        :file-list="add.img_url"
                        multiple
                    >
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">
                            将文件拖到此处，或
                            <em>点击上传</em>
                        </div>
                        <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过5M</div>
                    </el-upload>
                </el-form-item>
                <el-form-item label="启动游戏描述须知" label-width="80px">
                    <editor-bar v-model="add.describe" :isClear="true" @change="contentChange2"></editor-bar>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="addVisible = false">取 消</el-button>
                <el-button type="primary" @click="saveAdd">确 定</el-button>
            </span>
        </el-dialog>

        <!-- 编辑弹出框 -->
        <el-dialog title="编辑游戏" v-dialogDrag :visible.sync="editVisible" width="45%">
            <el-form ref="edit" :model="edit" label-width="90px">
                <el-form-item label="名称" class="form-item">
                    <el-input v-model="edit.name" maxlength="30" minlength="2" placeholder="请输入名称"></el-input>
                </el-form-item>
                <el-form-item label="安卓包名" class="form-item">
                    <el-input v-model="edit.package_name" maxlength="30" minlength="2" placeholder="请输入安卓包名"></el-input>
                </el-form-item>
                <el-form-item label="状态">
                    <el-select v-model="edit.status" placeholder="请选择状态">
                        <el-option label="正常" value="1"></el-option>
                        <el-option label="禁用" value="2"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="排序" class="form-item">
                    <el-input
                        v-model="edit.sort"
                        maxlength="30"
                        type="number"
                        minlength="2"
                        placeholder="请输入排序"
                    ></el-input>
                </el-form-item>
                <el-form-item label="上传图片">
                    <el-upload
                        class="upload-demo"
                        ref="editUploads"
                        drag
                        :limit="1"
                        :auto-upload="true"
                        show-file-list
                        accept="image/*"
                        :on-success="editUploadSuccess"
                        :on-error="editUploadError"
                        :on-preview="editUploadPreview"
                        :before-upload="beforeAvatarUpload"
                        list-type="picture"
                        :action="api.upload_img_url"
                        :file-list="[{name:'预览图',url:edit.img_url}]"
                        :on-exceed="uploadExceed"
                        multiple
                    >
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">
                            将文件拖到此处，或
                            <em>点击上传</em>
                        </div>
                        <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过5M</div>
                    </el-upload>
                </el-form-item>
                <el-form-item label="启动游戏描述须知" label-width="80px">
                    <editor-bar v-model="edit.describe" :isClear="true" @change="contentChange2"></editor-bar>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="editVisible = false">取 消</el-button>
                <el-button type="primary" @click="saveEdit">确 定</el-button>
            </span>
        </el-dialog>
        <!-- 代练编辑弹出框 -->
        <el-dialog title="代练配置基础配置" v-dialogDrag :visible.sync="editDailianVisible" width="90%" style="top: 10px">
            <el-form ref="dailianedit" :model="dailianedit" label-width="90px">
                <!--王者荣耀-->
                <div v-if="dailianedit.id == 1">
                    <p style="color: red;font-weight: bold;border-bottom: 1px dotted red">每颗星价格</p>
                    <el-form-item label="砖石局" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.xinji_price_0"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="砖石局"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="星耀局" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.xinji_price_1"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="星耀局"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王者1星—王者15星" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.xinji_price_2"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王者1星—王者15星"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王者16星-王者25星" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.xinji_price_3"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王者16星-王者25星"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王者26星-王者50星" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.xinji_price_4"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王者26星-王者50星"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王者50星-王者75星" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.xinji_price_5"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王者50星-王者75星"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王者76星以上每星" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.xinji_price_6"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王者76星以上每星"
                        ></el-input>
                    </el-form-item>




                    <p style="color: red;font-weight: bold;border-bottom: 1px dotted red">巅峰赛分</p>
                    <el-form-item label="巅峰赛1200-1300" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_0"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛1200-1300"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛1300-1400" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_1"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛1300-1400"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛1400-1500" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_2"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛1400-1500"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛1500-1600" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_3"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛1500-1600"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛1600-1700" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_4"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛1600-1700"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛1700-1800" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_5"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛1700-1800"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛1800-1900" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_6"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛1800-1900"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛1900-2000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_7"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛1900-2000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛2000-2100" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_8"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛2000-2100"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛2100-2200" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_9"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛2100-2200"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛2200-2300" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_10"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛2200-2300"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛2300-2400" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_11"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛2300-2400"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="巅峰赛2400-2500" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.dfs_price_12"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="巅峰赛2400-2500"
                        ></el-input>
                    </el-form-item>


                    <p style="color: red;font-weight: bold;border-bottom: 1px dotted red">英雄战力分</p>
                    <el-form-item label="战力：0-1000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_0"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：0-1000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：1000-2000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_1"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：1000-2000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：2000-3000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_2"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：2000-3000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：3000-4000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_3"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：3000-4000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：4000-5000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_4"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：4000-5000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：5000-6000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_5"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：5000-6000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：6000-7000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_6"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：6000-7000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：7000-8000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_7"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：7000-8000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：8000-9000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_8"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：8000-9000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：9000-10000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_9"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：9000-10000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：10000-11000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_10"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：10000-11000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：11000-12000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_11"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：11000-12000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：12000-13000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_12"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：12000-13000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：13000-14000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_13"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：13000-14000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：14000-15000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_14"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：14000-15000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：15000-16000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_15"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：15000-16000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：16000-17000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_16"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：16000-17000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：17000-18000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_17"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：17000-18000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：18000-19000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_18"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：18000-19000"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战力：19000-20000" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.zhangli_price_19"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战力：19000-20000"
                        ></el-input>
                    </el-form-item>

                    <p style="color: red;font-weight: bold;border-bottom: 1px dotted red">英雄市级标,英雄省级标,小国,大国</p>
                    <el-form-item label="英雄市级标" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.biao_price_0"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="英雄市级标"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="英雄省级标" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.biao_price_1"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="英雄省级标"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="小国" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.biao_price_2"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="小国"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="大国" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.biao_price_3"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="大国"
                        ></el-input>
                    </el-form-item>
                </div>


                <!--和平精英-->
                <div v-if="dailianedit.id == 2">
                    <p style="color: red;font-weight: bold;border-bottom: 1px dotted red">段位价格表/单人/双人/四人/第一人称/第二人/第三人称</p>
                    <el-form-item label="青铜五1200分到青铜四1300分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_0"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="青铜五1200分到青铜四1300分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="青铜四1300分到青铜三1400分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_1"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="青铜四1300分到青铜三1400分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="青铜三1400分到青铜二1500分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_2"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="青铜三1400分到青铜二1500分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="青铜二1500分到青铜一1600分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_3"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="青铜二1500分到青铜一1600分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="青铜一1600分到白银五1700分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_4"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="青铜一1600分到白银五1700分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白银五1700分到白银四1800分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_5"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白银五1700分到白银四1800分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白银四1800分到白银三1900分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_6"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白银四1800分到白银三1900分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白银三1900分到白银二2000分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_7"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白银三1900分到白银二2000分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白银二2000分到白银一2100分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_8"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白银二2000分到白银一2100分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白银一2100分到黄金五2200分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_9"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白银一2100分到黄金五2200分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="黄金五2200分到黄金四2300分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_10"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="黄金五2200分到黄金四2300分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="黄金四2300分到黄金三2400分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_11"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="黄金四2300分到黄金三2400分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="黄金三2400分到黄金二2500分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_12"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="黄金三2400分到黄金二2500分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="黄金二2500分到黄金一2600分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_13"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="黄金二2500分到黄金一2600分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="黄金一2600分到白金五2700分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_14"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="黄金一2600分到白金五2700分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白金五2700分到白金四2800分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_15"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白金五2700分到白金四2800分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白金四2800分到白金三2900分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_16"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白金四2800分到白金三2900分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白金三2900分到白金二3000分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_17"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白金三2900分到白金二3000分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白金二3000分到白金一3100分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_18"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白金二3000分到白金一3100分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="白金一3100分到星砖五3200分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_19"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="白金一3100分到星砖五3200分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="星钻五3200分到星钻四3300分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_20"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="星钻五3200分到星钻四3300分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="星钻四3300分到星钻三3400分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_21"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="星钻四3300分到星钻三3400分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="星钻三3400分到星钻二3500分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_21"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="星钻三3400分到星钻二3500分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="星钻二3500分到星钻一3600" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_22"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="星钻二3500分到星钻一3600"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="星钻一3600分到皇冠五3700分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_23"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="星钻一3600分到皇冠五3700分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="皇冠五3700分到皇冠四3800分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_24"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="皇冠五3700分到皇冠四3800分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="皇冠四3800分到皇冠三3900分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_25"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="皇冠四3800分到皇冠三3900分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="皇冠三3900分到皇冠二4000分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_26"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="皇冠三3900分到皇冠二4000分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="皇冠二4000分到皇冠一4100分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_27"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="皇冠二4000分到皇冠一4100分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="皇冠一4100分到王牌4200分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_28"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="皇冠一4100分到王牌4200分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌4200分到王牌4300分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_29"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌4200分到王牌4300分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌4300分到王牌4400分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_30"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌4300分到王牌4400分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌4400分到王牌4500分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_31"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌4400分到王牌4500分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌4500分到王牌4600分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_32"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌4500分到王牌4600分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌4600分到王牌4700分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_33"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌4600分到王牌4700分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌4700分到王牌4800分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_34"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌4700分到王牌4800分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌4800分到王牌4900分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_35"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌4800分到王牌4900分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌4900分到王牌5000分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_36"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌4900分到王牌5000分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5000分到王牌5100分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_37"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5000分到王牌5100分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5100分到王牌5200分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_38"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5100分到王牌5200分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5200分到王牌5300分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_39"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5200分到王牌5300分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5300分到王牌5400分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_40"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5300分到王牌5400分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5400分到王牌5500分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_41"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5400分到王牌5500分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5500分到王牌5600分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_42"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5500分到王牌5600分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5600分到王牌5700分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_43"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5600分到王牌5700分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5700分到王牌5800分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_44"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5700分到王牌5800分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5800分到王牌5900分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_45"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5800分到王牌5900分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌5900分到王牌6000分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_46"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌5900分到王牌6000分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6000分到王牌6100分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_47"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6000分到王牌6100分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6100分到王牌6200分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_48"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6100分到王牌6200分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6200分到王牌6300分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_49"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6200分到王牌6300分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6300分到王牌6400分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_50"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6300分到王牌6400分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6400分到王牌6500分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_51"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6400分到王牌6500分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6500分到王牌6600分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_52"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6500分到王牌6600分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6500分到王牌6600分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_53"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6600分到王牌6700分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6700分到王牌6800分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_54"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6700分到王牌6800分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6800分到王牌6900分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_55"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6800分到王牌6900分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌6900分到王牌7000分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_56"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌6900分到王牌7000分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7000分到王牌7100分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_57"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7000分到王牌7100分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7100分到王牌7200分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_58"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7100分到王牌7200分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7200分到王牌7300分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_59"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7200分到王牌7300分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7300分到王牌7400分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_60"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7300分到王牌7400分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7400分到王牌7500分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_61"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7400分到王牌7500分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7500分到王牌7600分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_62"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7500分到王牌7600分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7600分到王牌7700分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_63"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7600分到王牌7700分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7700分到王牌7800分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_64"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7700分到王牌7800分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7800分到王牌7900分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_65"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7800分到王牌7900分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌7900分到王牌8000分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_66"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌7900分到王牌8000分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8000分到王牌8100分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_67"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8000分到王牌8100分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8100分到王牌8200分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_68"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8100分到王牌8200分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8200分到王牌8300分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_69"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8200分到王牌8300分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8300分到王牌8400分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_70"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8300分到王牌8400分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8400分到王牌8500分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_71"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8400分到王牌8500分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8500分到王牌8600分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_72"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8500分到王牌8600分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8600分到王牌8700分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_73"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8600分到王牌8700分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8700分到王牌8800分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_74"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8700分到王牌8800分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8800分到王牌8900分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_75"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8800分到王牌8900分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌8900分到王牌9000分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_76"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌8900分到王牌9000分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9000分到王牌9100分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_77"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9000分到王牌9100分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9100分到王牌9200分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_78"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9100分到王牌9200分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9200分到王牌9300分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_79"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9200分到王牌9300分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9300分到王牌9400分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_80"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9300分到王牌9400分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9400分到王牌9500分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_81"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9400分到王牌9500分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9500分到王牌9600分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_82"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9500分到王牌9600分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9600分到王牌9700分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_83"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9600分到王牌9700分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9700分到王牌9800分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_84"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9700分到王牌9800分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9800分到王牌9900分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_85"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9800分到王牌9900分"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="王牌9900分到王牌10000分" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_price_86"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="王牌9900分到王牌10000分"
                        ></el-input>
                    </el-form-item>
                    <p style="color: red;font-weight: bold;border-bottom: 1px dotted red">卓越/战神/传奇/绝世</p>
                    <el-form-item label="卓越" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_f_price_0"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="卓越"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="战神" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_f_price_1"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="战神"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="传奇" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_f_price_2"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="传奇"
                        ></el-input>
                    </el-form-item>
                    <el-form-item label="绝世" class="form-item" label-width="150px">
                        <el-input
                                v-model="dailianedit.wangzhe.hp_f_price_3"
                                maxlength="30"
                                type="number"
                                minlength="0"
                                placeholder="绝世"
                        ></el-input>
                    </el-form-item>
                </div>


                <!--和平精英-->
                <div v-if="dailianedit.id == 3">
                    蛋仔派对
                </div>

            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="editDailianVisible = false">取 消</el-button>
                <el-button type="primary" @click="saveDailianEdit">确 定</el-button>
            </span>
        </el-dialog>


        <!--添加分类属性-->
        <el-dialog title="分类" v-dialogDrag :visible.sync="gameCateVisible" width="600px">
            <el-form ref="editCate" :model="editCate" label-width="100px">
                <el-form-item label="一级分类" v-show="gameCateisFlag">
                    <el-select @change="editCateChangeOne" v-model="editCate.pid"
                            placeholder="选择分类"
                            style="width:150px;margin-right:10px"
                    >
                        <template v-for="(item) in gameCateAll">
                            <el-option
                                    :key="item.id"
                                    :label="item.name"
                                    :value="item.id"
                            ></el-option>
                        </template>
                    </el-select>
                    <el-button @click="editCate.pid =''">重置</el-button>

                </el-form-item>
                <el-form-item label="分类名称" class="form-item">
                    <el-input  v-model="editCate.name" maxlength="30" minlength="1" placeholder="请输入分类名称"></el-input>
                    <p style="color: red;font-size: 13px">注：请输入分类名称，添加二级请先选择一级</p>
                </el-form-item>
                <el-form-item label="排序" class="form-item">
                    <el-input
                            v-model="editCate.sort"
                            maxlength="30"
                            type="number"
                            minlength="2"
                            placeholder="请输入排序"
                    ></el-input>
                    <p style="color: red;font-size: 13px">注：越小越靠前</p>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="gameCateVisible = false">取 消</el-button>
                <el-button type="primary" @click="saveCateEdit">确 定</el-button>
            </span>
        </el-dialog>
        <el-dialog title="分类管理" v-dialogDrag :visible.sync="gameCateAllAVisible" width="80%">
            <div class="handle-box" style="margin-bottom:50px">
                <el-col :span="6">
                    <el-button
                            type="danger"
                            icon="el-icon-delete"
                            class="handle-del mr10"
                            @click="CatedelSelection"
                    >批量删除</el-button>
                    <el-button
                            type="primary"
                            icon="el-icon-circle-plus-outline"
                            class="handle-del mr10"
                            @click="cateAdd"
                    >添加分类</el-button>
                </el-col>
                <el-col :span="12">
                    <el-select v-model="cate_query.sort" placeholder="排序" class="handle-select mr10">
                        <el-option key="1" label="正序" value="1"></el-option>
                        <el-option key="2" label="倒序" value="2"></el-option>
                    </el-select>
                    <!--<el-select v-model="cate_query.status" placeholder="状态" class="handle-select mr10">-->
                        <!--<el-option label="全部" value></el-option>-->
                        <!--<el-option key="1" label="正常" value="1"></el-option>-->
                        <!--<el-option key="2" label="禁用" value="2"></el-option>-->
                    <!--</el-select>-->
                    <el-input v-model="cate_query.name" placeholder="分类名称" class="handle-input mr10"></el-input>
                    <el-button type="primary" icon="el-icon-search" @click="catehandleSearch">搜索</el-button>
                </el-col>
            </div>
            <el-table
                    :data="catetableData"
                    border
                    class="table"
                    v-loading="cate_loading"
                    ref="multipleTable"
                    header-cell-class-name="table-header"
                    @selection-change="catehandleSelectionChange"
            >
                <el-table-column type="selection" width="55" align="center"></el-table-column>
                <el-table-column prop="id" label="ID" width="70" sortable align="center"></el-table-column>
                <el-table-column prop="name" label="名称"></el-table-column>
                <el-table-column label="排序" prop="sort" sortable="custom"></el-table-column>

                <el-table-column prop="updated_at" sortable label="修改时间"></el-table-column>
                <el-table-column prop="created_at" sortable label="添加时间"></el-table-column>
                <el-table-column label="操作" width="180" align="center">
                    <template slot-scope="scope">
                        <el-button
                                type="text"
                                icon="el-icon-edit"
                                @click="handleGameList(scope.$index, scope.row)"
                        >编辑</el-button>
                        <el-button
                                type="text"
                                icon="el-icon-delete"
                                class="red"
                                @click="handleCateDelete(scope.$index, scope.row)"
                        >删除</el-button>
                    </template>
                </el-table-column>
            </el-table>


            <div class="pagination">
                <el-pagination
                        background
                        layout="total, prev, pager, next"
                        :current-page="cate_query.page"
                        :page-size="cate_query.pageSize"
                        :total="catepageTotal"
                        @current-change="catehandlePageChange"
                ></el-pagination>
            </div>
        </el-dialog>
        <el-dialog title="编辑属性" v-dialogDrag :visible.sync="AttreditVisible" width="590px">
            <el-form ref="editAttr" :model="editAttr" label-width="90px">
                <el-form-item label="属性名称" class="form-item">
                    <el-input v-model="editAttr.name" maxlength="30" minlength="2" placeholder="请输入名称"></el-input>
                    <p style="color: red;font-size: 13px">注：例：王者荣耀添加某个英雄或者皮肤属性名称等其他游戏同理</p>
                </el-form-item>


                <el-form-item label="排序" class="form-item">
                    <el-input
                            v-model="editAttr.sort"
                            maxlength="30"
                            type="number"
                            minlength="2"
                            placeholder="请输入排序"
                    ></el-input>
                    <p style="color: red;font-size: 13px">注：越小越靠前</p>
                </el-form-item>
                <el-form-item label="上传图片">
                    <el-upload
                            class="upload-demo"
                            ref="editUploads"
                            drag
                            :limit="1"
                            :auto-upload="true"
                            show-file-list
                            accept="image/*"
                            :on-success="AttreditUploadSuccess"
                            :on-error="editUploadError"
                            :on-preview="editUploadPreview"
                            :before-upload="beforeAvatarUpload"
                            list-type="picture"
                            :action="api.upload_img_url"
                            :file-list="[{name:'预览图',url:editAttr.img_url}]"
                            :on-exceed="uploadExceed"
                            multiple
                    >
                        <!--:file-list="editAttr.img_url"-->
                        <!--:file-list="[{name:'预览图',url:editAttr.img_url}]"-->
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">
                            将文件拖到此处，或
                            <em>点击上传</em>
                        </div>
                        <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过5MB</div>
                    </el-upload>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="AttreditVisible = false">取 消</el-button>
                <el-button type="primary" @click="saveAttrEdit">确 定</el-button>
            </span>
        </el-dialog>
        <el-dialog title="游戏属性配置管理" v-dialogDrag :visible.sync="gameCateListVisible" width="80%">
            <el-container style="height: 500px; border: 1px solid #eee">
                <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
                    <el-menu>
                        <el-submenu :index="index" v-for="(item,index) in gameCateAll">
                            <template slot="title" ><i class="el-icon-menu"></i>{{item.name}}</template>
                                <el-menu-item-group v-for="(child,index2) in item.child">
                                    <template slot-scope="scope">
                                    <el-menu-item :index="index2" @click="cateChildClick(child.id)" >{{child.name}}</el-menu-item>
                                    </template>
                                </el-menu-item-group>
                        </el-submenu>
                    </el-menu>
                </el-aside>

                <!--属性配置列表-->
                <el-container>
                    <el-main>
                        <div class="handle-box" style="margin-bottom:50px">
                            <el-col :span="6">
                                <el-button
                                        type="danger"
                                        icon="el-icon-delete"
                                        class="handle-del mr10"
                                        @click="CatedelattrSelection"
                                >批量删除</el-button>
                                <el-button
                                        type="primary"
                                        icon="el-icon-circle-plus-outline"
                                        class="handle-del mr10"
                                        @click="cateattrAdd"
                                >添加</el-button>
                            </el-col>
                            <el-col :span="12">
                                <el-select v-model="attr_query.sort" placeholder="排序" class="handle-select mr10">
                                    <el-option key="1" label="正序" value="1"></el-option>
                                    <el-option key="2" label="倒序" value="2"></el-option>
                                </el-select>
                                <!--<el-select v-model="cate_query.status" placeholder="状态" class="handle-select mr10">-->
                                <!--<el-option label="全部" value></el-option>-->
                                <!--<el-option key="1" label="正常" value="1"></el-option>-->
                                <!--<el-option key="2" label="禁用" value="2"></el-option>-->
                                <!--</el-select>-->
                                <el-input v-model="attr_query.name" placeholder="名称" class="handle-input mr10"></el-input>
                                <el-button type="primary" icon="el-icon-search" @click="cateattrhandleSearch">搜索</el-button>
                            </el-col>
                        </div>
                        <el-table
                                :data="AttrtableData"
                                border
                                class="table"
                                v-loading="attr_loading"
                                ref="multipleTable"
                                header-cell-class-name="table-header"
                                @selection-change="attrhandleSelectionChange"
                        >
                            <el-table-column type="selection" width="55" align="center"></el-table-column>
                            <el-table-column prop="id" label="ID" width="70" sortable align="center"></el-table-column>
                            <el-table-column prop="name" label="名称"></el-table-column>
                            <el-table-column label="图片(查看大图)" align="center">
                                <template slot-scope="scope">
                                    <el-image
                                            class="table-td-thumb"
                                            :src="scope.row.img_url"
                                            :preview-src-list="[scope.row.img_url]"
                                    ></el-image>
                                </template>
                            </el-table-column>
                            <el-table-column label="排序" prop="sort" sortable="custom"></el-table-column>

                            <el-table-column prop="updated_at" sortable label="修改时间"></el-table-column>
                            <el-table-column prop="created_at" sortable label="添加时间"></el-table-column>
                            <el-table-column label="操作" width="180" align="center">
                                <template slot-scope="scope">
                                    <el-button
                                            type="text"
                                            icon="el-icon-edit"
                                            @click="handleGameAttrList(scope.$index, scope.row)"
                                    >编辑</el-button>
                                    <el-button
                                            type="text"
                                            icon="el-icon-delete"
                                            class="red"
                                            @click="handleCateAttrDelete(scope.$index, scope.row)"
                                    >删除</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <div class="pagination">
                            <el-pagination
                                    background
                                    layout="total, prev, pager, next"
                                    :current-page="attr_query.page"
                                    :page-size="attr_query.pageSize"
                                    :total="AttrpageTotal"
                                    @current-change="cateattrhandlePageChange"
                            ></el-pagination>
                        </div>
                    </el-main>
                </el-container>
            </el-container>

        </el-dialog>
        <!--游戏属性-->
        <el-dialog title="游戏详情" v-dialogDrag :visible.sync="gameVisible" width="70%">
            <el-form ref="editAttr" :model="editAttr" label-width="90px">
                <el-form-item label="分类配置">
                    <el-button type="primary" @click="cateAdd">添加分类</el-button>
                    <el-button type="primary" @click="cateListView">查看分类管理</el-button>
                    <el-button type="primary" @click="cateView">查看属性列表</el-button>
                    <el-button type="primary" @click="resetCate">重置表单</el-button>
                </el-form-item>
                <el-form-item label="选择分类">
                    <el-form-item label="一级分类">
                        <el-select @change="editCateChangeOne" v-model="editAttr.pid"
                                   placeholder="选择分类"
                                   style="width:150px;margin-right:10px"
                        >
                            <template v-for="(item) in gameCateAll">
                                <el-option
                                        :key="item.id"
                                        :label="item.name"
                                        :value="item.id"
                                ></el-option>
                            </template>
                        </el-select>
                        <!--<el-button @click="editCate.pid =''">重置</el-button>-->
                    </el-form-item>
                    <el-form-item label="二级分类" >
                        <el-select  v-show="one_cate_change" @change="editCateChangeTwo" v-model="editAttr.two_id"
                                   placeholder="选择分类"
                                   style="width:150px;margin-right:10px"
                        >
                            <template v-for="(item) in gameCateAllTwo">
                                <el-option
                                        :key="item.id"
                                        :label="item.name"
                                        :value="item.id"
                                ></el-option>
                            </template>
                        </el-select>
                        <!--<el-button @click="editCate.id =''">重置</el-button>-->

                    </el-form-item>
                    <el-form-item label="所属英雄" v-show="heroListShow">
                        <el-select  v-model="editAttr.hero_id"
                                    placeholder="所属英雄"
                                    style="width:150px;margin-right:10px"
                        >
                            <template v-for="(item) in heroList">
                                <el-option
                                        :key="item.id"
                                        :label="item.name"
                                        :value="item.id"
                                ></el-option>
                            </template>
                        </el-select>
                        <el-button @click="editAttr.hero_id =''">重置</el-button>

                    </el-form-item>
                </el-form-item>
                <el-form-item label="属性名称" class="form-item">
                    <el-input v-model="editAttr.name" maxlength="30" minlength="2" placeholder="请输入名称"></el-input>
                    <p style="color: red;font-size: 13px">注：（名称）例：王者荣耀添加某个英雄或者皮肤等其他游戏同理</p>
                </el-form-item>

                <el-form-item label="排序" class="form-item">
                    <el-input
                            v-model="editAttr.sort"
                            maxlength="30"
                            type="number"
                            minlength="2"
                            placeholder="请输入排序"
                    ></el-input>
                    <p style="color: red;font-size: 13px">注：越小越靠前</p>
                </el-form-item>
                <el-form-item label="上传图片">
                    <el-upload
                            class="upload-demo"
                            ref="editUploads"
                            drag
                            :limit="1"
                            :auto-upload="true"
                            show-file-list
                            accept="image/*"
                            :on-success="AttreditUploadSuccess"
                            :on-error="editUploadError"
                            :on-preview="editUploadPreview"
                            :before-upload="beforeAvatarUpload"
                            list-type="picture"
                            :action="api.upload_img_url"
                            :file-list="editAttr.img_url"
                            :on-exceed="uploadExceed"
                            multiple
                    >
                        <!--:file-list="[{name:'预览图',url:editAttr.img_url}]"-->
                        <i class="el-icon-upload"></i>
                        <div class="el-upload__text">
                            将文件拖到此处，或
                            <em>点击上传</em>
                        </div>
                        <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过5MB</div>
                    </el-upload>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="gameVisible = false">取 消</el-button>
                <el-button type="primary" @click="saveAttrEdit">确 定</el-button>
            </span>
        </el-dialog>
        <!-- 预览图片 -->
        <div class="previews" @click="closePreviews" v-if="windowsPopVisible">
            <img :src="windowsPopUrl" title="点击即可关闭预览" />
        </div>
    </div>
</template>

<script>
    import EditorBar from '../../common/wangEnduit';

    export default {
        components: { EditorBar },
        name: 'banner',
  data () {
      const item = {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
      };
    return {
      query: {
        status: '',
        sort: '',
        name: '',
        page: 1,
        pageSize: 10
      },
    cate_query: {
        status: '',
        sort: '',
        name: '',
        page: 1,
        pageSize: 10,
        game_id:0,
    },
    attr_query: {
        status: '',
        sort: '',
        name: '',
        page: 1,
        pageSize: 10,
        game_id:0,
        left_two_id:0
    },
      loading: false,
      cate_loading: false,
      attr_loading: false,
      tableData: [], catetableData: [],AttrtableData:[],
      windowsPopVisible: false,
      windowsPopUrl: '',
      multipleSelection: [],catemultipleSelection: [],cateattrmultipleSelection: [],
      delList: [],catedelList:[],cateattrdelList:[],
      editVisible: false,
      AttreditVisible: false,
      addVisible: false,
      gameVisible: false,
      editDailianVisible: false,
      pageTotal: 0, catepageTotal: 0,AttrpageTotal: 0,
        edit: {

        },
        editAttr: {},
      add: {
        img: '',
        name: '',
        status: '',
        ticket: '',
        sort: 10,
        num: '',
        img_url: [],
        describe:'',
        package_name:''
      },
      idx: -1,
      id: -1,
      gameCateVisible: false, gameCateListVisible: false,gameCateAllAVisible:false,//gameCateListVisible: false,
        editCate: {},
        dailianedit: {
          wangzhe:{
              //王者荣耀
              xinji_price_0:'0',
              xinji_price_1:'0',
              xinji_price_2:'0',
              xinji_price_3:'0',
              xinji_price_4:'0',
              xinji_price_5:'0',
              xinji_price_6:'0',

              dfs_price_0:'0',
              dfs_price_1:'0',
              dfs_price_2:'0',
              dfs_price_3:'0',
              dfs_price_4:'0',
              dfs_price_5:'0',
              dfs_price_6:'0',
              dfs_price_7:'0',
              dfs_price_8:'0',
              dfs_price_9:'0',
              dfs_price_10:'0',
              dfs_price_11:'0',
              dfs_price_12:'0',

              zhangli_price_0:'0',
              zhangli_price_1:'0',
              zhangli_price_2:'0',
              zhangli_price_3:'0',
              zhangli_price_4:'0',
              zhangli_price_5:'0',
              zhangli_price_6:'0',
              zhangli_price_7:'0',
              zhangli_price_8:'0',
              zhangli_price_9:'0',
              zhangli_price_10:'0',
              zhangli_price_11:'0',
              zhangli_price_12:'0',
              zhangli_price_13:'0',
              zhangli_price_14:'0',
              zhangli_price_15:'0',
              zhangli_price_16:'0',
              zhangli_price_17:'0',
              zhangli_price_18:'0',
              zhangli_price_19:'0',


              biao_price_0:'0',
              biao_price_1:'0',
              biao_price_2:'0',
              biao_price_3:'0',



              //和平精英
              hp_price_0:'0',
              hp_price_1:'0',
              hp_price_2:'0',
              hp_price_3:'0',
              hp_price_4:'0',
              hp_price_5:'0',
              hp_price_6:'0',
              hp_price_7:'0',
              hp_price_8:'0',
              hp_price_9:'0',
              hp_price_10:'0',
              hp_price_11:'0',
              hp_price_12:'0',
              hp_price_13:'0',
              hp_price_14:'0',
              hp_price_15:'0',
              hp_price_16:'0',
              hp_price_17:'0',
              hp_price_18:'0',
              hp_price_19:'0',
              hp_price_20:'0',
              hp_price_21:'0',
              hp_price_22:'0',
              hp_price_23:'0',
              hp_price_24:'0',
              hp_price_25:'0',
              hp_price_26:'0',
              hp_price_27:'0',
              hp_price_28:'0',
              hp_price_29:'0',
              hp_price_30:'0',
              hp_price_31:'0',
              hp_price_32:'0',
              hp_price_33:'0',
              hp_price_34:'0',
              hp_price_35:'0',
              hp_price_36:'0',
              hp_price_37:'0',
              hp_price_38:'0',
              hp_price_39:'0',
              hp_price_40:'0',
              hp_price_41:'0',
              hp_price_42:'0',
              hp_price_43:'0',
              hp_price_44:'0',
              hp_price_45:'0',
              hp_price_46:'0',
              hp_price_47:'0',
              hp_price_48:'0',
              hp_price_49:'0',
              hp_price_50:'0',
              hp_price_51:'0',
              hp_price_52:'0',
              hp_price_53:'0',
              hp_price_54:'0',
              hp_price_55:'0',
              hp_price_56:'0',
              hp_price_57:'0',
              hp_price_58:'0',
              hp_price_59:'0',
              hp_price_60:'0',
              hp_price_61:'0',
              hp_price_62:'0',
              hp_price_63:'0',
              hp_price_64:'0',
              hp_price_65:'0',
              hp_price_66:'0',
              hp_price_67:'0',
              hp_price_68:'0',
              hp_price_69:'0',
              hp_price_70:'0',
              hp_price_71:'0',
              hp_price_72:'0',
              hp_price_73:'0',
              hp_price_74:'0',
              hp_price_75:'0',
              hp_price_76:'0',
              hp_price_77:'0',
              hp_price_78:'0',
              hp_price_79:'0',
              hp_price_80:'0',
              hp_price_81:'0',
              hp_price_82:'0',
              hp_price_83:'0',
              hp_price_84:'0',
              hp_price_85:'0',
              hp_price_86:'0',


              hp_f_price_0:'0',
              hp_f_price_1:'0',
              hp_f_price_2:'0',
              hp_f_price_3:'0',
              //蛋仔派对
          }
        },
     editCateList: {},
      yxCate:[], pfCate:[],gameCateAll:[],gameCateAllTwo:[],gameCateAttrData:[],gameCateAllData:[],one_cate_change:false,gameCateisFlag:true,heroList:[],heroListShow:false,
      tableData1: Array(20).fill(item),
        getList: function () {
        let that = this;
        this.api.get('getGame', this.query, res => {
          for (let i in res.data.list) {
            res.data.list[i].status = res.data.list[i].status + '';
          }
          that.tableData = res.data.list;
          that.pageTotal = res.data.pageTotal;
        }, undefined, undefined, this);

      },
      delBanner: function (ids, msg) {
        let that = this;
        if (!ids || ids.length < 1) {
          this.$message.error('请选择删除的数据');
          return false;
        }
        // 二次确认删除
        this.$confirm('确定要删除吗？', '提示', {
          type: 'warning'
        }).then(() => {
          that.api.delete('delGame', { ids: ids }, res => {
            that.multipleSelection = [];
            that.query.page = 1;
            that.getList();
            that.$message.success(msg);
          });
        }).catch(() => { });
      },
        delCate: function (ids, msg) {
            let that = this;
            if (!ids || ids.length < 1) {
                this.$message.error('请选择删除的数据');
                return false;
            }
            // 二次确认删除
            this.$confirm('确定要删除吗？', '提示', {
                type: 'warning'
            }).then(() => {
                that.api.delete('delGameCate', { ids: ids }, res => {
                    that.catemultipleSelection = [];
                    that.cate_query.page = 1;
                    that.gameCateAllList();
                    that.$message.success(msg);
                });
            }).catch(() => { });
        },
        delCateAttr: function (ids, msg) {
            let that = this;
            if (!ids || ids.length < 1) {
                this.$message.error('请选择删除的数据');
                return false;
            }
            // 二次确认删除
            this.$confirm('确定要删除吗？', '提示', {
                type: 'warning'
            }).then(() => {
                that.api.delete('delGameCateAttr', { ids: ids }, res => {
                    that.cateattrmultipleSelection = [];
                    that.attr_query.page = 1;
                    that.gameCateAttrList()
                    that.$message.success(msg);
                });
            }).catch(() => { });
        },
    };
  },

  created () {
    this.getList();
  },
  methods: {
      editCateChangeOne(val){
          this.editCate.pid = val
          this.one_cate_change = true
          this.getCate();
          this.heroListShow = false
      },
      editCateChangeTwo(val){
          this.editCate.two_id = val
          console.log(this.editCate)
          if (this.editCate.game_id == 1 && this.editCate.pid == 3){
              this.heroListShow = true
              this.gameHeroList()
          }
      },
      getCate(){
          this.api.get('getGameCate', {game_id:this.editCate.game_id,pid:this.editCate.pid}, res => {
              if ( res.data.list.length>0){
                  if (this.editCate.pid>0){
                      this.gameCateAllTwo = res.data.list
                  }else{
                      this.gameCateAll = res.data.list;
                  }
              }else{
                  // this.gameCateAll = [];
                  this.gameCateAllTwo = [];
                  this.editCate.two_id = ''
              }

          });
      },
      gameCateAttrList(){
          let that = this;
          this.attr_query.game_id = this.editCate.game_id
          this.api.get('gameCateAttrList', this.attr_query, res => {
              that.AttrtableData = res.data.list;
              that.AttrpageTotal = res.data.pageTotal;
          }, undefined, undefined, this);

      },
      gameHeroList(){
          let that = this;
          this.api.get('gameHeroList', {game_id:this.editCate.game_id}, res => {
              that.heroList = res.data;
          }, undefined, undefined, this);

      },
      gameCateAllList(){
          let that = this;
          this.cate_query.game_id = this.editCate.game_id
          this.api.get('gameCateAllList', this.cate_query, res => {
              that.catetableData = res.data.list;
              that.catepageTotal = res.data.pageTotal;
          }, undefined, undefined, this);
      },
      cateAdd(){
          this.getCate();//一级
          this.gameCateVisible = true
          this.gameCateisFlag = true
          this.windowsPopUrl = '';
      },
      cateView(){
          this.getCate();//全部
          this.gameCateAttrList()
          this.gameCateListVisible = true
          this.windowsPopUrl = '';
      },
      cateListView(){
          this.gameCateAllList()
          this.gameCateAllAVisible = true
          this.windowsPopUrl = '';
      },
      cateattrAdd(){
          // this.getCate();//一级
          this.gameCateListVisible = false
          this.windowsPopUrl = '';
          // this.gameCateisFlag = true
      },
      resetCate(){
        this.editCate.two_id = ''
        this.editCate.pid = ''
       this.gameCateAll = [];
       this.gameCateAllTwo = [];
       this.editAttr = [];
        this.getCate()
          this.windowsPopUrl = '';
      },
      GamesAttribute(){

      },
    /***
     * 超出上传限制事件
     */
    uploadExceed () {
      this.$message.error('只能上传一张图片');
    },
      contentChange2 (val) {
          this.edit.describe = val;
      },
    /***
     * 添加banner预览
     */
    uploadPreview (file) {
      this.windowsPopVisible = true;
      this.windowsPopUrl = file.response.data.url;
    },

    /***
     * 关闭预览
     */
    closePreviews () {
      this.windowsPopVisible = false;
    },

    /***
     * 添加banner上传成功事件
     */
    uploadSuccess (response, file, fileList) {
      if (response.code != 1000) {
        this.$message.error(response.msg);
        return false;
      }
      this.add.img = response.data.path;
      this.add.img_url = [{ name: '预览', url: response.data.url }];
    },
    /***
     * 添加banner上传失败事件
     */
    uploadError (response, file, fileList) {
      this.$message.error('上传失败');
    },

    /****
     * 编辑banner预览
     */
    editUploadPreview (info) {
      this.windowsPopUrl = info.url;
      this.windowsPopVisible = true;
    },

    /***
     * 编辑上传成功事件
     */
    editUploadSuccess (response) {
      if (response.code != 1000) {
        this.$message.error(response.msg);
        return false;
      }
      this.edit.img = response.data.path;
      this.edit.img_url = response.data.url;
    },
      AttreditUploadSuccess (response) {
      if (response.code != 1000) {
        this.$message.error(response.msg);
        return false;
      }
      this.editAttr.img = response.data.path;
      this.editAttr.img_url = response.data.url;
    },
      beforeAvatarUpload(file) {
          const isLt2M = file.size / 1024 / 1024 < 5;
          if (!isLt2M) {
              this.$message.error('上传大小不能超过5MB');
          }
          return isLt2M;
      },
    /***
     * 编辑上传失败事件
     */
    editUploadError () {
      this.$message.error('上传失败');
    },

    // 触发搜索按钮
    handleSearch () {
      this.$set(this.query, 'page', 1);
      this.getList();
    },
      // 触发搜索按钮
      catehandleSearch () {
          this.$set(this.cate_query, 'page', 1);
          this.gameCateAllList();
      },
      cateattrhandleSearch () {
          this.$set(this.attr_query, 'page', 1);
          this.gameCateAttrList();
      },
    // 删除操作
    handleDelete (index, row) {
      this.delBanner([row.id], '删除成功');
    },
      // 删除操作
      handleCateDelete (index, row) {
          this.delCate([row.id], '删除成功');
      },
      handleCateAttrDelete (index, row) {
          this.delCateAttr([row.id], '删除成功');
      },
      cateChildClick (id=0) {
        if (id>0){
            this.attr_query.left_two_id = id
        }
          this.gameCateAttrList();
      },
    // 多选操作
    handleSelectionChange (val) {
      this.multipleSelection = val;
    },
      catehandleSelectionChange (val) {
      this.catemultipleSelection = val;
    },
      attrhandleSelectionChange (val) {
      this.cateattrmultipleSelection = val;
    },
    delAllSelection () {
      const length = this.multipleSelection.length;
      let str = '';
      this.delList = this.delList.concat(this.multipleSelection);
      let ids = [];
      for (let i = 0; i < length; i++) {
        str += this.multipleSelection[i].name + ' ';
        ids.push(this.multipleSelection[i].id);
      }
      this.delBanner(ids, `删除了${str}`);
    },

      CatedelSelection () {
      const length = this.catemultipleSelection.length;
      let str = '';
      this.catedelList = this.catedelList.concat(this.catemultipleSelection);
      let ids = [];
      for (let i = 0; i < length; i++) {
        str += this.catemultipleSelection[i].name + ' ';
        ids.push(this.catemultipleSelection[i].id);
      }
      this.delCate(ids, `删除了${str}`);
    },
      CatedelattrSelection () {
          const length = this.cateattrmultipleSelection.length;
          let str = '';
          this.cateattrdelList = this.cateattrdelList.concat(this.cateattrmultipleSelection);
          let ids = [];
          for (let i = 0; i < length; i++) {
              str += this.cateattrmultipleSelection[i].name + ' ';
              ids.push(this.cateattrmultipleSelection[i].id);
          }
          this.delCate(ids, `删除了${str}`);
      },
    // 编辑操作
    handleEdit (index, row) {

      this.idx = index;
      this.edit = row;
      this.editVisible = true;
    },

    // 保存编辑
    saveEdit () {
      this.api.put('editGame', this.edit, res => {
        this.$message.success('保存成功');
        this.editVisible = false;
        this.getList();
      });

    },
    saveDailianEdit () {
      this.api.put('editDailian', this.dailianedit, res => {
        this.$message.success('保存成功');
        this.editDailianVisible = false;
        this.getList();
      });

    },
      saveAttrEdit () {
        //todo 王者皮肤属性
        if (this.editAttr.game_id == 1 && this.editAttr.pid == 3){
            this.editAttr.type = 2
        }else{
            this.editAttr.type = 1
        }
       this.api.post('editGameAttr', this.editAttr, res => {
            this.$message.success('保存成功');
            this.AttreditVisible = false;
            this.getList();
      });

    },
   saveCateEdit () {
        if (this.gameCateisFlag){
            this.editCate.id = 0
        }
      this.api.post('editGameCate', this.editCate, res => {
          this.$message.success('保存成功');
          this.gameCateVisible = false;
          this.gameCateAllList()
      });

    },
      // 编辑操作
    handleGame (index, row) {
        // this.idx = index;
        // this.editCate = row;
        this.editCate.game_id = row.id;
        console.log(this.editCate.game_id)
        this.gameVisible = true;
        this.getCate();
        this.windowsPopUrl = '';
    },    // 编辑操作
    handleDailian (index, row) {
        this.dailianedit.id = row.id;
        if (row.dailian!=null){
            this.dailianedit.wangzhe = row.dailian;
        }
        this.editDailianVisible = true;
        this.windowsPopUrl = '';
    },    // 编辑操作
      handleGameList (index, row) {
          this.editCate = row;
          // this.editCateList = row;
          this.gameCateVisible = true;
          this.gameCateisFlag = false;
    },
      handleGameAttrList (index, row) {
          this.editAttr = row;
          // this.editCateList = row;
          this.AttreditVisible = true;

          // this.gameCateisFlag = false;
    },
      // 保存编辑
      saveGame () {
          this.api.put('editGame', this.edit, res => {
              this.$message.success('保存成功');
              this.gameVisible = false;
              this.getList();
          });

      },
    /***
     * 添加操作
     */
    handleAdd () {
      this.add = {
        num: '',
        img: '',
        name: '',
        status: '',
        sort: 10,
        ticket: '',
        img_url: []
      };
      this.windowsPopUrl = '';
      this.addVisible = true;
    },
    /***
     * 保存添加
     */
    saveAdd () {
      this.api.post('addGame', this.add, res => {
        this.$message.success('添加成功');
        this.addVisible = false;
        this.getList();
      });

    },
    // 分页导航
    handlePageChange (val) {
      this.$set(this.query, 'page', val);
      this.getList();
    },
      // 分页导航
      catehandlePageChange (val) {
          this.$set(this.cate_query, 'page', val);
          this.gameCateAllList();
      },
      // 分页导航
      cateattrhandlePageChange (val) {
          this.$set(this.attr_query, 'page', val);
          this.gameCateAttrList();
      }

  }
};
</script>

<style scoped>
.handle-box {
    margin-bottom: 20px;
}

.handle-select {
    width: 120px;
}
.form-item {
    width: 60%;
}
.handle-input {
    width: 300px;
    display: inline-block;
}
.table {
    width: 100%;
    font-size: 14px;
}
.red {
    color: #ff0000;
}
.mr10 {
    margin-right: 10px;
}
.table-td-thumb {
    display: block;
    margin: auto;
    width: 40px;
    height: 40px;
}
</style>
<style>
    .el-header {
        background-color: #B3C0D1;
        color: #333;
        line-height: 60px;
    }

    .el-aside {
        color: #333;
    }
</style>
